<template>
  <div class="index">
    <div class="header">
      <div class="title">
        俯瞰 OVERLOOK
        <el-button type="primary" @click="gotoHome" class="toHomeButton"
          >退出登录</el-button
        >
      </div>
    </div>
    <div class="line"></div>
    <el-container>
      <el-aside>
        <el-menu
          class="el-menu-vertical-demo"
          :default-active="this.$route.path"
          router="true"
        >
          <el-menu-item index="/checkSystem">
            <div style="text-align: left; margin-left: 20px">
              <i class="el-icon-menu"></i>
              <span slot="title">系统几何级校正</span>
            </div>
          </el-menu-item>
          <el-menu-item index="/checkphoto">
            <div style="text-align: left; margin-left: 20px">
              <i class="el-icon-menu"></i>
              <span slot="title">控制点几何校正</span>
            </div>
          </el-menu-item>
          <el-menu-item index="/toGCPEditor">
            <div style="text-align: left; margin-left: 20px">
              <i class="el-icon-setting"></i>
              <span slot="title">控制点标注采集</span>
            </div>
          </el-menu-item>
          <el-menu-item index="/index">
            <div style="text-align: left; margin-left: 20px">
              <i class="el-icon-menu"></i>
              <span slot="title">图像重建与分解</span>
            </div>
          </el-menu-item>
          <el-menu-item index="/showMap">
            <div style="text-align: left; margin-left: 20px">
              <i class="el-icon-menu"></i>
              <span slot="title">数据查看与呈现</span>
            </div>
          </el-menu-item>
        </el-menu>
      </el-aside>
      <el-main>
        <div class="intr">
          <h2>使用说明</h2>
          <h3>1.选择采集GCP点的图片</h3>
          <h3>2.选择采集GCP点的图片</h3>
          <h3>3.选择采集GCP点的图片</h3>
          <h3>4.选择采集GCP点的图片</h3>
        </div>
         <el-button
         
          @click="jump2()"
          type="primary"
          size="small"
          >立即跳转</el-button
        >
      </el-main>
    </el-container>
  </div>
</template>
<style src="../assets/css/Index.css" scoped >
</style>
<style scoped>
.intr {
  width: 100%;
  min-height: 500px;
}
h3 {
  margin-top: 20px;
}
</style>

<script>
export default {
  methods: {
    jump2() {
      // window.location.href = "http://10.132.20.144:4200/";
      window.open("http://10.132.20.205:4200/");
    },
  },
};

// ng serve --host
</script>


